<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="app">


    <!--事件修饰符
        .stop     作用：阻止事件冒泡的    ps:事件冒泡就是向上传递，都要执行
        .prevent  作用：用来阻止标签的默认行为
        .self     作用：只监听自身标签触发的事件
        .once     作用：该事件只触发一次

        语法：     @事件名事件修饰符 = "事件处理函数"=======》 @click.stop="test()"




    -->

    <input type="text" v-model="num"/>
    <h1>{{num}}</h1>

</div>
</body>
</html>

<script src="resource/vue.js"></script>

<script>


    new Vue({
        el:app,
        data: {
            num:""
        },
        methods:{

        },
    });





</script>